<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/login.css">
</head>

<body>
    <header>
        
        <div class="nav container">
            <div class="logo fl">
                <img src="images/webp.webp"id="logo">
            </div>
        </div>
    </header>










    <main>
        <div class="banner ">
            <div class="container">
                
                <div class="logins">
                    <div id="user" class="open">普通登录</div>
                    <div id="fol">手机无密码登录</div>
                    <div class="twom">
                        <img src="images/twom.png" alt="">
                    </div>
                    <div>
                        <input id="username" type="text" placeholder="用户名/邮箱/手机号">
                        <img src="images/logins1_03.jpg" style=" position: relative;top:35px;right:10px;"><br>
                        <span id="unamemsg"></span>
                    </div>
                    <div>
                        <input id="pwd" type="password" placeholder="密码">
                        <img src="images/logins2_06.jpg" style=" position: relative;top:35px;right:10px;"><br>
                        <span id="pwdmsg"></span>
                    </div>
                    <button type="button "id="btn">登录</button>
                    <a href="register.html" style="margin:25px 34px 0 14px;">注册账号</a>
                    <a href="register.html" style="margin:25px 0 0 14px;">忘记密码</a>
                </div>
                <div class="logins2">
                        <div id="users">普通登录</div>
                        <div id="fols" class="open">手机无密码登录</div>
                        <div class="twom">
                            <img src="images/twom.png" alt="">
                        </div>
                        <img src="images/qryhd.png">
                </div>
            </div>
            
        </div>
    </main>









    <footer>
        <div class="sponsor">
            <div class="sponsorbox container">
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spanor1.jpg">
                    <h3>正品保障</h3>
                    <p>正品行货 放心选购</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor2.jpg">
                    <h3>满86包邮</h3>
                    <p>满86元 免运费</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor3.jpg">
                    <h3>售后无忧</h3>
                    <p>7天无理由退货</p>
                </div>
                <div class="sponsors">
                    <img src="images/spansor4.jpg">
                    <h3>准时送达</h3>
                    <p>收货时间由你做主</p>
                </div>
            </div>
            <div class="container">
                <div class="help">
                    <h3>新手入门</h3>
                    <p>购物流程</p>
                    <p>会员制度</p>
                    <p>订单查询</p>
                    <p>服务协议及隐私说明</p>
                    <p>网站地图</p>
                </div>
                <div class="help">
                    <h3>支付方式</h3>
                    <p>货到付款</p>
                    <p>网上支付</p>
                    <p>礼品卡支付 </p>
                    <p>其他支付</p>
                </div>
                <div class="help">
                    <h3>配送服务</h3>
                    <p>配送进度查询</p>
                    <p>商品验货与签收</p>
                </div>
                <div class="help">
                    <h3>相关规则</h3>
                    <p>平台规则</p>
                    <p>退换货政策</p>
                    <p>发票制度</p>
                    <p>帮助中心</p>
                </div>
                <div class="dimension">
                    <h3>App更加优惠</h3>
                    <img src="images/qryhd.png">
                </div>
                <div class="dimension">
                    <h3>加微信查订单</h3>
                    <img src="images/qryhd.png">
                </div>
            </div>
        </div>
        <div class="footrs container">
            <p>
                沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX
            </p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="fimg">
                <img src="images/foot1.jpg">
                <img src="images/foot2.jpg">
                <img src="images/foot3.png">
                <img src="images/foot4.jpg">
                <img src="images/foot5.png">
                <img src="images/foot6.jpg">
            </div>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    
    <script src="js/login.js"></script>
</body>
</html>